<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>巡检统计</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeesummary.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/quality_analysis.css" />
    <style>
        .list_chartbox{
            width: 100%;
        }
        .chart_center{
            /* background: #f5f5f5; */
        }
        #zgcontainer {
            /* min-width: 100px; */
            /* max-width: 00px; */
            width: 300px;
            height: 200px;
        }
      
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam nomenu" style="height: 70%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle" v-if="form.ProjectCompanyType==1">
                    项目名称
                </div>
                <div class="searchparamitem" v-if="form.ProjectCompanyType==1">
                    <label v-on:click="doSelectProject(item.ID,item.Name)" v-bind:class="{'active':form.ProjectIDs.indexOf(item.ID)>-1}" v-for="item in projectList">{{item.Name}}</label>
                </div>
            </div>
        </div>
        <div class="search_box fixedbox bgshadow" v-bind:class="{'fixedbox':showsearch}">
            <div class="searchitem" v-bind:class="{'chkedbox':showsearchparam}" v-on:click="doSelectSearchParam(1)">
                筛选
                <i v-if="!showsearchparam" class="icon iconfont icon-down"></i>
                <i v-if="showsearchparam" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
            <div id="datemonth" data-options='{"type":"month"}' class="searchitem" v-bind:class="{'chkedbox':showsearchmonth}" v-on:click="doSelectSearchParam(2)">
                {{form.activeDateDesc}}
                <i v-if="!showsearchmonth" class="icon iconfont icon-down"></i>
                <i v-if="showsearchmonth" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
        </div>
        <div class="aui-content" style="margin-top: 2.3rem;">
            <div class="newcontentbox">
                <label class="bababa"> {{ProjectName}} </label>
                <label class="lr-line" > | </label>
                <label class="bababa"> {{form.startMonth}} 统计 </label>
                <div v-if="summary.YCCount!=undefined&&summary.YCCount>0" class="newcontentbox-right" ><label class="tag-label-blue tag-label-red">异常 {{summary.YCCount}} </label></div>
            </div>

            <div class="boxarea mainbox">
                <div class="app_list_txt" v-on:click="do_openxunjian()">
                    <span>品质巡检任务</span>
                    <i class="icon iconfont icon-xiangyoujiantou"></i>
                </div>
                <!-- 考核任务 -->
                <div class="app_list_chart">
                    <div class="list_chart_box fl">
                        <div class="chart_pic xjIcon">
                            <i class="icon iconfont icon-shenpi3"></i>
                        </div>
                    </div>
                   <div class="chart_main fr">
                       <div>{{QualityCheckData.Title}}<span class="fr">{{QualityCheckData.AllCount}}</span></div>
                        <div class="prograssbg">
                            <div class="prograssmsg" v-bind:style="{'width':parseArea+'%'}"></div>
                        </div>
                        <div class="content">
                            <span>进行中：{{QualityCheckData.HandleCount}}</span>
                            <span>已结束：{{QualityCheckData.EndCount}}</span>
                        </div>
                   </div>
                </div>
                <!-- 检查任务 -->
                <div class="app_list_chart">
                    <div class="list_chart_box fl">
                        <div class="chart_pic xjIcon xjIcon-org">
                            <i class="icon iconfont icon-yixiangdengji"></i>
                        </div>
                    </div>
                   <div class="chart_main fr">
                       <div>检查任务<span class="fr">{{CheckData.Totalcount}}</span></div>
                        <div class="prograssbg">
                            <div class="prograssmsg prograssmsg_color" v-bind:style="{'width':CheckData.Progress}"></div>
                        </div>
                        <div class="content">
                            <span>待处理:{{CheckData.NotStarted}}</span>
                            <span>已结束:{{CheckData.Ended}}</span>
                            <span>已过期:{{CheckData.Expired}}</span>
                        </div>
                   </div>
                </div>
            </div>
            <!-- 整改任务 -->
            <div class="boxarea mainbox">
                <div class="app_list_txt" v-on:click="do_openzhenggai()">
                    <span>整改任务</span>
                    <i class="icon iconfont icon-xiangyoujiantou"></i>
                </div>
                <div  v-if="totalNum>0"  class="list_chartbox">
                    <div id="zgcontainer" class="chart_center" style="min-height: 220px; padding:0px;"></div>
                </div>
                <div v-else class="noinfo" id="noorder" style="padding-top: 10%;" >
                    <img src="../image/index/noinfomsg_icon.png" alt=""  />
                    <h5><br />暂无数据</h5>
                </div>
               
            </div>    
            <!-- 问题分类 -->
            <div class="boxarea mainbox">
                <div class="app_list_txt">
                    <span>问题分类</span>
                </div>
                <div v-if="QuaLityControl.length>0"  class="list_chartbox">
                    <div id="container" class="chart_center" style="min-width:300px;height:300px; margin-left: 0px;padding-left: 0px;"></div>
                </div>
                <div v-if="QuaLityControl.length<=0" class="noinfo" id="noorder" style="padding-top: 10%;" >
                    <img src="../image/index/noinfomsg_icon.png" alt=""  />
                    <h5><br />暂无数据</h5>
                </div>

               
            </div>   

        </div>

        <!-- <div v-if="ReportType==0&&XJlist.length<=0&&WBlist.length<=0&&userList.length<=0" class="noinfo" id="noorder" >
            <img src="../image/index/noinfomsg_icon.png" alt="" />
            <h5><br />暂无数据</h5>
        </div>
        <div v-if="ReportType!=0&&XJlist.length<=0&&userList.length<=0" class="noinfo" id="noorder" >
            <img src="../image/index/noinfomsg_icon.png" alt="" />
            <h5><br />暂无数据</h5>
        </div> -->
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/page/dateRangeUtil.js"></script>
<script type="text/javascript" src="../script/highcharts/highcharts.js"></script>
<script type="text/javascript" src="../script/highcharts/modules/exporting.js"></script>
<script type="text/javascript" src="js/quality_analysis.js"></script>

</html>
